@charset "utf-8";
*{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px;}
html{ height:100%;overflow:hidden;}
body{ background-color:#fafafa; height:100%; }
/*.header{ width:100%; padding-top:14px; height:58px; background-color:white; overflow:hidden;}*/
.shadow{ width:100%; height:4px; background-image:url(../images/shadow.png); background-repeat:repeat-x; position:absolute; top:0px;}
.logo{ margin-left:30px; float:left; height:72px; margin-top:-4px;}
.usr span{ line-height:24px; display:block; float:right; margin-left:10px; color:#666666;}
.usr{float: right; margin-right:148px; padding-top:0px; overflow:hidden;}
.exit{ cursor:pointer; width:72px; height:72px; background-image:url(../images/exit_1.png); background-color:white; background-repeat:no-repeat; background-position:center; border-left:1px solid #f5f5f5; position:absolute; top:0px; right:0px;}
.exit:hover{ background-image:url(../images/exit_2.png); background-color:#ff563a; border:none;}

.chat{ cursor:pointer; width:72px; height:72px; background-image:url(../images/chat.png); background-color:white; background-repeat:no-repeat; background-position:center; border-left:1px solid #f5f5f5; position:absolute; top:0px; right:70px;}

.leftPart{ background-color:#E7E8E8; width:160px; height:100%; float:left;  overflow-x: hidden;overflow-y: auto;}

.singleBox {
    cursor: pointer;
    width: 152px;
    overflow: hidden;
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #D2D2D2;
}
.singleBox img{ float:left; margin-left:10px;}
.singleBox p{ float:left; margin-left:10px; color:white; line-height:28px; font-size:16px;}

.detail {
    margin-left: 11px;
    color: #fafafa;
    line-height: 24px;
    clear: left;
    padding-top: 6px;
    display: none;
}
.detail > div {
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 16px;
}
.detail div:hover{ color:#6AB6DA;}
.listCtrl div{float:left; margin-left:14px; margin-top:10px; }
.listCtrl div:hover{ color:#3ed2b1;}
.floatBtn .listCtrl Button{ background-color:transparent; border:none; padding:0px;float:left;}


.close{ position:absolute; top:-30px; left:199px;}


.rightPart .map{ position:relative;}
.fixedObj{ position:absolute; top:12px; right:40px;  z-index: 1;}
.floatBtn{ width:52px; height:52px; background-image:url(../images/transWhite.png); border:1px solid #d4d4d4; box-shadow:0px 2px 6px 0px #d4d4d4; float:left; margin-right:40px;}
.floatBtn:hover{ border:1px solid #3ed2b1;  box-shadow:0px 2px 10px 0px #3ed2b1;}
.floatBtn img{ margin-left:13px; margin-top:12px;}
.floatBtn:hover{ background-color:white;}
.tabBox{   width: 220px; color:white; background-image:url(../images/transBlack.png); padding:10px; padding-top:4px; position:absolute; top:80px; left:-230px; display:none;}
.tabTitleBox{ position:relative;}
.tabTitle{ font-size:16px; line-height:40px; float:left; font-weight:bold; cursor:pointer;}
.tabContent{ cursor: pointer;   overflow-y: auto;  width: 200px;  height: 420px;}
.tabDetail{ clear:both; padding:4px 16px; border-top:1px solid #2a3235; overflow:hidden;}
.floatBtn .status{ float:left; margin:0px; margin-right:4px;}
.name{ float:left; line-height:24px;}
.ctrl{ float:right;}
.floatBtn .ctrl img{ margin-top:0px; margin-left:10px; float:left;}

.showNav{ position:absolute; left:0px; top:50%; margin:0px; display:none; cursor:pointer;}
.rightPart{ height:300px; float:left; margin:auto; margin-top:10px;}
.fixedBox{ width:96%; margin:auto; overflow:hidden; min-width:595px;}
.top{ color:white;height:38px;}
.top div{ margin-right:14px;
}
.psg{ background-color:#39F; width:80px; text-align:center; line-height:40px; float:left;}
.add,.delet,.choose{ float:left; background-color:#3fd284; width:110px; text-align:center; line-height:40px; float:left;}
.add:hover{ background-color:#666666; cursor:pointer;}

.delet{ background-color:#f78734;}
.delet:hover{ background-color:#f74734; cursor:pointer;}
.add img,.delet img{ margin-top:12px; margin-left:14px; margin-right:4px;}
.choose{ position:relative;}
.choose img{ float:right; margin-top:12px; margin-right:14px; margin-left:4px;}
.choose p{ margin-left:14px;}
.choose:hover{ background-color:#666666; cursor:pointer;}
.top .chooseMenu{ top:39px; width:108px; position:absolute; color:#666666; background-color:white; border:1px solid #d4d4d4;
    box-shadow: 0px 2px 5px #d4d4d4;
    display:none;
    z-index: 1;
}
.chooseMenu ul{ list-style:none;}
.chooseMenu li:hover{ color:white; background-color:#48abff;}

.top div img,.top div p{ float:left;}
.top .searchTextBox{ float:right; margin:0px;}
.top .search{margin:0px; width:52px; background-color:white; height:38px; border:1px solid #d4d4d4; margin-right:16px;}
.search input{ outline:none; float:left; background-color:white; height:30px; line-height:30px; border:none; margin-top:2px; width:120px;}
.searchBtn{ width:24px; height:24px; margin-top:6px; margin-left:15px; background-image:url(../images/search_01.png);}
.searchBtn:hover{ background-image:url(../images/search_02.png);}

.firstRank{ width:46px; min-width:46px;}

.select{ background-image:url(../images/unSelected.png); background-repeat:no-repeat; background-position:16px 10px;}
.selected{ background-image:url(../images/selected.png); background-repeat:no-repeat; background-position:16px 10px;}

.listEven{ background-color:#fbfbfb;}
.listOdd{ background-color:white;}
.blue{ background-color:#f0f7ff;}

.view{ /*overflow-y:scroll;*/  margin-top:10px;}
.pagCtrl div{ cursor:pointer; background-color:#48abff; float:left; margin-right:16px; width:36px; height:36px;
}
.pagCtrl .refresh{ background-color:#3fd284;}
.pagCtrl div img{ margin-top:7px; margin-left:7px;}
.pagCtrl div:hover{ background-color:#666666;}
.pagCtrl{ margin-top:10px;}
.pagCtrl p{ float:left; line-height:36px; margin-left:10px;}
.pagCtrl input{ float:left; width:24px; height:24px; margin:6px 0px 6px 10px; text-align:center; border:1px solid #d4d4d4;}




.changeView{ float:right;}
.changeView div{ width:39px; height:39px; float:left; border:1px solid #d4d4d4;}
.bigPic{ background-image:url(../images/bigPicGreen.png);background-position:center; background-repeat:no-repeat; cursor:pointer;}
.list{ background-image:url(../images/list.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.info{ line-height:34px; background-color:#e7e7e7; overflow:hidden; border:1px solid #d4d4d4; border-top:none;}
.info p{ float:left; margin-left:40px; color:#556066;}
.picInfo{ color:#808080; font-size:12px;}

.bigPicTable{ height:420px; overflow-y:scroll; border:1px solid #d4d4d4;}
.singlePic{ position:relative; width:150px; margin:20px 10px; float:left;}
.singlePic p{ width:100%; text-align:center;}
.singlePic img{ margin-left:12px;}
.selPic{ width:22px; height:22px; background-color:white; border:1px solid #d4d4d4; background-image:url(../images/unSelected.png); background-position:center; background-repeat:no-repeat; position:absolute; top:4px; right:22px;}
.play{ position:absolute; left:30px; top:30px;}

.detailSelect{
    color:#6AB6DA;
    color: white !important;
    background: #6AB6DA;
}
#menuTree * {
    color: black;
}
.menuselect{
    background-color: white;
}

.imgView{margin:auto; position:relative;  margin-top: 30px; margin-bottom: 1000px;width:800px; box-shadow:#999 1px 1px 10px 0px}
.imgBox{ width:800px; height:400px;  overflow:hidden; background-color:#495358;}
.imgInfo{ width:800px; background-color:#1a1a1a;; height:85px; color:white;}
.infoText{ margin-top:10px; margin-left:30px; float:left; line-height:20px;}
.location{ float:right; }
.location img{ float:left; margin-right:30px; margin-top:40px;}
.closeBtn{ position:absolute; top:-10px; left:784px;}

.condition{padding-top:4px; float:left;}
.condition input{ margin-left:10px; height:30px; background-color:#e6e6e6; border:1px solid #cccccc; text-indent:14px;}
.condition p{ margin-top:4px;}

.popWindow{width:800px; height:500px; position:fixed; z-index:2; margin:auto; left:0; right:0; top:0; bottom:0;  overflow: auto;}
.shelter{ width:100%; height:100%; background-image:url("../images/transBK.png"); z-index:1;}


.chooseTextBox {
    width: 170px;
    background-color: white;
    height: 38px;
    border: 1px solid #d4d4d4;
    float: left;
    margin-left: -14px;
}

/* CSS Document */




.tip{
    width: 30px;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    position: absolute;
    font-size: 50px;
    right: 15px;
    top: 12px;
    border-radius: 3px;
    line-height: 30px;
    border: 1px solid #ccc;
    z-index: 2;
    text-align: center;
    color: #333;
}

.tip .text{
    color: #ddd;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none;  /*webkit浏览器*/
    -ms-user-select: none;   /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.tip .text:hover{
    color: #333;
}

.top_menu {
    float: left;
    color: white;
    margin-top: 12px;
    font-size: 22px;
    margin-left: 5%;
}
.top_menu > div {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.top_menu > div > img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.townItem {
    cursor: pointer;
}
.userdiv {
    margin-right: 10px;
    margin-top: 12px;
    text-align: center;
    float: right;
    width: 7%;
    height: 60px;
    font-size:14px;
    color: #fff;
}
.userdiv > img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}